const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
    transpileDependencies: true
})

module.exports = {
    devServer: { // 需要进行请求后端提供的接口时，对我们的请求进行拦截和处理的一个中间件
        host: 'localhost', // 将常用网址和相对应的IP地址建立一个关联“数据库”  自己运行配置
        port: 8080, // 默认端口号  自己服务的端口号
        open: false, // vue项目启动时自动打开浏览器  
        // proxy: { // 解决跨域问题 使用proxy代理  跨域
        //     '/api': { // '/api'是代理标识，用于告诉node，url前面是/api的就是使用代理的
        //         target: "http://8fzngn.natappfree.cc", // 目标地址，一般是指后台服务器地址
        //         changeOrigin: true, // 是否跨域
        //         pathRewrite: { // pathRewrite 的作用是把实际Request Url中的'/api'用""代替
        //             '^/api': "/"
        //         }
        //     }
        // }
    }
}

// const proxy = require('http-proxy-middleware');

//  前端请求url:http://localhost:8080/api/xxxx  然后发送请求的时候会来到这里实现代理功能  代理主要是处理url
//  代理之后对比http://192.168.1.16:8085  pathRewrite的作用是路由重写  就是将'^/api' 替换成 '/' 
// 所以最后的   http://192.168.1.16:8085/xxxx     如果是'^/api':'/web'的话就一个替换成下面部分
//             http://192.168.1.16:8085/web/xxxx
// module.exports = {   
// devServer:{
//     host: 'localhost',//target host
//     port: 8080,
//     //proxy:{'/api':{}},代理器中设置/api,项目中请求路径为/api的替换为target
//     proxy:{
//         '/api':{
//             target: 'http://192.168.1.30:8085',//代理地址，这里设置的地址会代替axios中设置的baseURL
//             changeOrigin: true,// 如果接口跨域，需要进行这个参数配置
//             //ws: true, // proxy websockets
//             //pathRewrite 方法重写url  就是将/api替换成/  相当于去掉了/api 
//             pathRewrite: {
//                 '^/api': '/' 
//                 //pathRewrite: {'^/api': '/'} 重写之后url为 http://192.168.1.16:8085/xxxx
//                 //pathRewrite: {'^/api': '/api'} 重写之后url为 http://192.168.1.16:8085/api/xxxx
//            }
//     }}
// },
// //...
// }